<template>
  <div class="views-life-calendar">
    <!-- 初始页 -->
    <UserLog v-if="!LifeCalender.isUserLogin" />
    <!-- 主体 -->
    <template v-else>
      <MainCard />
      <UserCard />
    </template>
  </div>
</template>
<script lang="ts">
export default defineComponent({ name: 'ViewsLifeCalendar' })
</script>
<script setup lang="ts">
import { defineComponent } from 'vue'
import { useLifeCalender } from './hooks/lifeCalender'
import UserLog from './components/UserLog.vue'
import MainCard from './components/MainCard.vue'
import UserCard from './components/UserCard.vue'

const LifeCalender = useLifeCalender()
</script>

<style lang="scss">
@import './theme.scss';
</style>
<style lang="scss" scoped>
.views-life-calendar {
  height: 100%;
  display: flex;
}
</style>
